<!DOCTYPE html>
<html>
<head>
<title>JS代码工具</title>
<meta charset="utf-8">
<style>
  .container {
    display: flex;
    gap: 20px;
    width: 100%;
  }
  .textarea-wrapper {
    flex: 1;
  }
  textarea {
    width: 100%;
    height: 80vh;
  }
</style>
</head>
<body>

<h3>混淆工具</h3>
<button id='jsobfuscator_simple_run'>简单ob混淆</button>
<button id='jsobfuscator_hard_run'>复杂ob混淆</button>
<HR>
<h3>解混淆工具</h3>
<button id='sojson'>解密sojson混淆</button>
<button id='obnormal'>普通解混淆</button>
<button id='tr2es5'>js转es5</button>
<button id='ob'>解密ob高级混淆</button>
<button id='jsfuck'>解密jsfuck混淆</button>
<button id='babel_aline'>将代码变成一行，不压缩[babel]</button>
<button id='uglify'>仅变量压缩[uglify-es]</button>
<button id='uglify_mini'>完全压缩脚本[uglify-es]</button>
<button id='terser'>仅变量压缩[terser]</button>
<button id='terser_format'>格式化压缩脚本[terser]</button>
<button id='terser_mini'>完全压缩脚本[terser]</button>
<HR>
<div class="container">
  <div class="textarea-wrapper">
    <div>输入代码</div>
    <HR>
    <textarea spellcheck="false" id='deobjs_input'></textarea>
  </div>
  <div class="textarea-wrapper">
    <div>输出代码</div>
    <HR>
    <textarea spellcheck="false" id='deobjs_output'></textarea>
  </div>
</div>

<script type="text/javascript" src="../model_codes/terser.js"></script>
<script type="text/javascript" src="../model_codes/babel_pack.js"></script>
<script type="text/javascript" src="../model_codes/babel_asttool.js"></script>
<script type="text/javascript" src="../model_codes/js_obfuscator.js"></script>
<script type="text/javascript" src="./deobjs_page.js"></script>

</body>
</html>